<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <title>缴费记录</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="__STATIC__/webapp/css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" src="__STATIC__/webapp/js/jquery-1.11.0.js"></script>
    <script src="__STATIC__/webapp/js/mui.js"></script>
    {include file="public/weixin_sdk" /}
</head>
<body>

<style type="text/css">
    body {
        background: #FFFFFF;
    }

    header.mui-bar {
        background-color: #242736;
        color: #FFF;
    }

    header.mui-bar .mui-title {
        color: #FFF;
        font-size: 15px;
    }

    div.mui-card {
        margin-bottom: 20px;
        line-height: 1.5;
        font-size: 12px;
    }

    div.mui-card p {
        height: 10px;
    }

    h5.tit {
        font-size: 16px;
        margin-bottom: 10px;
    }

    p.line {
        text-align: center;
        color: #898383
    }

</style>


<a href="{:url('webapi/user/user_center')}">
    <header id="mui-color" class="mui-bar mui-bar-nav">
        <div class="mui-icon  mui-icon-left-nav mui-pull-left lotteryBack"></div>
        <h1 class="mui-title">缴费记录</h1>
    </header>
</a>


<div class="mui-content" style="background: #FAFAFA; padding-top:60px;">
    <div class="mui-content-padded" style="margin:10px 0px; ">
        {foreach $res as $key=>$vo}
        <div class="mui-card">
            <div class="mui-card-content">
                <div class="mui-card-content-inner">
                    <h5 class="tit">订单号：{$vo.order_sn}</h5>

                    {foreach $vo.order_goods as $k=>$v}
                    <p>项目：{$v.goods_title}</p>
                    <p>费用：{$v.prices}</p>
                    {/foreach}
                    <p>总价:{$vo.prices}</p>
                    <p>缴费时间:{$vo.pay_at}</p>
                </div>
            </div>
        </div>

        {/foreach}

        <p class="line">--我是有底线的--</p>
    </div>

    <!--<p id="empty" class="line">您当前还未缴费哦~</p>-->

</div>

<script type="text/javascript">
    function pay() {
        var data = [];
        $('.check').each(function (index, item) {

            var isChecked = $(item).is(':checked');

            if (isChecked) {
                data.push($(item).val());
            }
        });

        if (!data.length) {
            mui.toast('请选择要缴费的项目');
            return;
        }

        console.log(data);
    }

</script>
{include file="public/weixin_share" /}
</body>
</html>